<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="Generator" content="EditPlus®">
		<title>萨卡耶别墅酒店官网</title>
		<link rel="icon" href="images/logo.jpg" />
		<!--标题logo-->
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="css/commonStyle.css" />
		<link rel="stylesheet" type="text/css" href="css/nav.css" />
		<link rel="stylesheet" type="text/css" href="css/superior room.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />

		<script src="js/jquery.min.js"></script>
		<script src="js/superior room.js" defer="defer"></script>
	</head>

	<body>

		<!--//导航栏-->
		<div id="nav">
			<img src="images/logo.jpg" />
			<ul>
				<li>
					<a href="index.html">网站首页</a>
				</li>
				<li>
					<a href="name spring.html">天下名泉</a>
				</li>
				<li>
					<a class="active-three" href="superior room.html">精致客房</a>
				</li>
				<li>
					<a href="cuisine features.html">美食特色</a>
				</li>
				<li>
					<a href="swimming pool room.html">房间泳池</a>
				</li>
			</ul>
		</div>

		<!--//酒店名-->
		<div class="header">
			<div class="hotel-name">
				<h1>萨卡耶巴厘岛别墅酒店
				<div class="hotel-name-english">
					The Sakaye Bali Villa Hotel
				</div>
				</h1>
			</div>
			<div class="remark-on">
				<a href="#">
					3,270条点评
				</a>
				<span>|</span>
			</div>

			<div class="ranking">
				在157家
				<a href="#">水明漾酒店</a>中排名第7
			</div>
			<div class="location-map">
				<i class="fa fa-map-marker" aria-hidden="true"></i>
				<a href="#">Jl. Sunset Rd.|Kerobokan, Seminyak 80361, Indonesia</a>
			</div>
			<div class="header-icon">
				<div class="collect">
					<p><i class="fa fa-heart-o" aria-hidden="true"></i>收藏</p>
				</div>
				<div class="share">
					<p><i class="fa fa-share" aria-hidden="true"></i>分享</p>
				</div>
			</div>
		</div>

		<div class="article">

			<div class="search-picture">
				<div class="search-box">
					<div class="real-time">
						<p><i class="fa fa-users" aria-hidden="true"></i> 21 人正在查看该酒店</p>
					</div>
					<div class="time-room">
						<form action="#" method="post">
							<p><span>入住</span><input class="time stary" id="stary-date" type="date" name="check-in-time" value="" /></p>
							<p><span>退房</span><input class="time end" id="end-date" type="date" name="check-out-time" value="" /></p>
							<div class="sum" id="sum">
								<p><span>顾客</span>
									<p class="sum-active" id="sum"><input type="number" min="0" max="9" value="1" />间客房 , <input id="sum" type="number" min="0" max="9" value="2" />位客人</p>
								</p>
							</div>

						</form>
					</div>
				</div>

				<div class="picture-box">
					<div class="picture-box-left">
						<div class="big-picture">
							<div class="scroll-pictures">
								<ul>
									<li class="item" style="display:block;"><img src="images/精致客房/timg1.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg2.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg3.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg4.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg5.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg6.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg7.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg8.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg9.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg10.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg11.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg12.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg13.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg14.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg15.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg16.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg17.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg18.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg19.jpg" /></li>
									<li class="item"><img src="images/精致客房/timg20.jpg" /></li>
								</ul>
								<p><i class="fa fa-camera" aria-hidden="true"></i>
									<a href="#">查看所有照片(146)</a>
								</p>
							</div>
							<div class="btn">
								<div class="left" style="display: none;"></div>
								<div class="right"></div>
							</div>
						</div>
						<div class="small-picture">
							<ul>
								<li class="btn active"><img src="images/精致客房/timg1.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg2.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg3.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg4.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg5.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg6.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg7.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg8.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg9.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg10.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg11.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg12.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg13.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg14.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg15.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg16.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg17.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg18.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg19.jpg" /></li>
								<li class="btn"><img src="images/精致客房/timg20.jpg" /></li>
							</ul>
						</div>
					</div>

					<div class="picture-box-right">
						<div class="picture-type">
							<div class="traveler">
								<div class="show">
									<p><span><i class="fa fa-camera" aria-hidden="true"></i></span><span>路行者</span><span>(143)</span></p>
								</div>
							</div>
							<div class="panorama">
								<div class="show">
									<p><span><i class="fa fa-refresh" aria-hidden="true"></i></span><span>全景</span><span>(19)</span></p>
								</div>
							</div>
							<div class="room">
								<div class="show">
									<p><span><i class="fa fa-bed" aria-hidden="true"></i></span><span>客房和套房</span><span>(30)</span></p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="nav-box" id="navbox">
				<div class="article-nav">
					<div class="nav-name">
						<ul>
							<li>
								<a class="back">萨卡耶巴厘岛别墅酒店</a>
							</li>
							<li>|</li>
						</ul>
					</div>
					<div class="nav">
						<ul>
							<li>
								<a href="#">房型</a>
							</li>
							<li>
								<a href="#">关于</a>
							</li>
							<li>
								<a href="#">位置</a>
							</li>
							<li>
								<a href="#">点评</a>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="">
				<!--房型-->
			</div>

			<div class="about-box">
				<div class="title">
					<h2>关于</h2>
				</div>
				<div class="left-and-right">
					<div class="about-box-left">
						<div class="prize">
							<!--奖项-->
							<div class="prize-box">
								<div class="fraction">
									<p>5.0</p>
								</div>
								<div class="comment">
									<p>非常好</p>
									<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-circle-o"></i><span>3,275条点评</span></p>
								</div>
							</div>

							<ul class="list-one">
								<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-circle-o"></i><span>位置</span></p>
								<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><span>卫生</span></p>
								<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><span>服务</span></p>
								<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-circle-o"></i><span>性价比</span></p>
							</ul>
							<ul class="list-two">
								<li class="hover-traveler"><i class="fa fa-tripadvisor" aria-hidden="true"></i><span>旅行者之选 2019获奖者</span>
									<div class="traveler">
										<!--旅行者-->
										<p>什么是旅行者之选？</p>
										<p>该奖项是我们的最高荣誉，每年颁发给指定类别中排名前 1%的企业。</p>
										<p>了解更多</p>
									</div>
								</li>

								<li class="hover-outstanding"><i class="fa fa-rebel"></i><span>卓越奖</span>
									<div class="outstanding">
										<p>什么是卓越奖？</p>
										<p>TripAdvisor 会向持续受到旅行者好评的酒店、景点和餐厅颁发卓越奖。</p>
									</div>
								</li>

							</ul>
						</div>
						<div class="prcture">
							<!--图片-->
							<div class="img">
								<img class="item" style="display: block;" src="images/精致客房/timg21.jpg" />
								<img class="item" src="images/精致客房/timg22.jpg" />
								<img class="item" src="images/精致客房/timg23.jpg" />
							</div>
							<div class="btn">
								<div class="btn-left" style="display: none"></div>
								<div class="btn-right"></div>
							</div>
						</div>

					</div>
					<div class="about-box-right">
						<div class="hotel-facilities">
							<!--酒店设施-->
							<p>酒店设施</p>
							<p><i class="fa fa-car" aria-hidden="true"></i>免费停车</p>
							<p><i class="fa fa-wifi" aria-hidden="true"></i>免费高速WiFi</p>
							<p><i class="fa fa-home"></i>游泳池</p>
							<p><i class="fa fa-home"></i>有健身房的健身中心</p>
							<p><i class="fa fa-cutlery"></i>免费早餐</p>
							<p><i class="fa fa-ticket"></i>晚间娱乐</p>
							<p><i class="fa fa-child"></i>儿童免费入住</p>
							<p><i class="fa fa-child"></i>儿童看护服务</p>
							<p>显示更多</p>
						</div>
						<div class="room-features">
							<!--客房特色-->
							<p>客房特色</p>
							<p><i class="fa fa-bed" aria-hidden="true"></i>无烟房</p>
							<p><i class="fa fa-bed" aria-hidden="true"></i>套房</p>
							<p><i class="fa fa-bed" aria-hidden="true"></i>家庭房</p>
							<p><i class="fa fa-bed" aria-hidden="true"></i>空调</p>
							<p><i class="fa fa-bed" aria-hidden="true"></i>客房整理服务</p>
							<p><i class="fa fa-bed" aria-hidden="true"></i>私人阳台</p>
							<p><i class="fa fa-cutlery" aria-hidden="true"></i>迷你吧</p>
							<p><i class="fa fa-television"></i></i>平板电视</p>
							<p>显示更多</p>
						</div>
						<div class="hotel-information">
							<!--酒店信息-->
							<p>酒店信息</p>
							<p class="ster-lever">星级表示预期的功能和设施总体水平。 由 Expedia 和 Giata 等第三方合作伙伴提供给 TripAdvisor。
								<div class="close">
									<i class="fa fa-remove"></i>
								</div>
							</p>
							<p>酒店星级 <i class="show-btn fa fa-info-circle"></i></p>
							<div class="score">
								<p><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i></p>
								<p><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half"></i></p>
							</div>
							<p>酒店风格</p>
							<p class="active">超值</p>
							<p class="active">豪华</p>
						</div>

						<div class="">

							<!--显示更多弹窗-->

						</div>

					</div>
				</div>

			</div>

			<div class="location-place">
				<!--位置-->
				<div class="title">
					<h2>位置</h2>
				</div>

				<div class="map">
					<div class="expand">
						<p><i class="fa fa-expand"></i> 全屏</p>
					</div>
				</div>

				<div class="location-place-article">
					<div class="hotel">
						<div class="title-head">
							<p>联系</p>
						</div>
						<div class="position">
							<p><i class="fa fa-map-marker" aria-hidden="true"></i></p>
							<p>
								<a>Jl. Sunset Rd. Kerobokan, 水明漾80361 印度尼西亚</a>
							</p>
						</div>

						<div class="title-head">
							<p>如何前往</p>
						</div>
						<p class="plane">
							<i class="fa fa-plane"></i>伍拉·赖国际机场
							<span><i class="fa fa-automobile"></i>7公里</span>
						</p>
						<div class="footer-title">
							<p>查看附近所有酒店</p>
						</div>
					</div>

					<div class="restaurant">
						<div class="title-head">
							<p>附近餐厅</p>
						</div>
						<ul>
							<li>
								<a>
									<p>
										<a class="und">Tamade cafeteria</a>
									</p>
									<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><span class="comment">493 条点评</span></p>
									<p><span class="color"><i class="fa fa-male"></i>5分钟 中餐</span></p>
								</a>
							</li>
							<li>
								<a>
									<p>
										<a class="und">Chai'ba Street Kitchen &amp; Bar</a>
									</p>
									<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-circle-o"></i></i><span class="comment">304 条点评</span></p>
									<p><span class="color"><i class="fa fa-male"></i>3分钟 印度菜</span></p>
								</a>
							</li>
							<li>
								<a>
									<p>
										<a class="und">Boy'N'Cow</a>
									</p>
									<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-circle-o"></i><span class="comment">632 条点评</span></p>
									<p><span class="color"><i class="fa fa-male"></i>3分钟 美式烹饪</span></p>
								</a>
							</li>
							<li>
								<a>
									<p>
										<a class="und">Wabi Sabi by KZU</a>
									</p>
									<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-circle-o"></i><span class="comment">188 条点评</span></p>
									<p><span class="color"><i class="fa fa-male"></i>2分钟 日式料理</span></p>
								</a>
							</li>
						</ul>
						<div class="footer-title">
							<p>查看附近所有餐厅</p>
						</div>
					</div>

					<div class="scenic-spot">
						<div class="title-head">
							<p>附近景点</p>
						</div>
						<ul>
							<li>
								<a>
									<p>
										<a class="und">Purpa Fine Art Gallery Seminyak</a>
									</p>
									<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><span class="comment">116 条点评</span></p>
									<p><span class="color"><i class="fa fa-male"></i>2分钟 美术馆</span></p>
								</a>
							</li>
							<li>
								<a>
									<p>
										<a class="und">Nyaman Gallery</a>
									</p>
									<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-circle-o"></i><span class="comment">131 条点评</span></p>
									<p><span class="color"><i class="fa fa-male"></i>3分钟 美术馆</span></p>
								</a>
							</li>
							<li>
								<a>
									<p>
										<a class="und">Toko Emporium</a>
									</p>
									<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><span class="comment">112 条点评</span></p>
									<p><span class="color"><i class="fa fa-male"></i>3分钟 特色商店与礼品店</span></p>
								</a>
							</li>
							<li>
								<a>
									<p>
										<a class="und">Island C Fashion Design and Tailor</a>
									</p>
									<p><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><i class="fa fa-dot-circle-o"></i><span class="comment">65 条点评</span></p>
									<p><span class="color"><i class="fa fa-male"></i>1分钟 特色商店与礼品店</span></p>
								</a>
							</li>
						</ul>
						<div class="footer-title">
							<p>查看附近所有景点</p>
						</div>
					</div>
				</div>
			</div>

			<div class="point-ping">
				<!--点评-->
				<div class="degree-heat">
					<!--热度-->

				</div>
				<div class="search">
					<!--搜索-->

				</div>
				<div class="comment">
					<!--评论-->

				</div>

			</div>

		</div>

		</div>

		<!--//四个小图标-->
		<div id="lcon">
			<div class="lcon-one">
				<a href="name spring.html"><img src="images/小图标之天下名泉.png" /></a>
				<p>天下名泉</p>
			</div>
			<div class="lcon-two">
				<a href="superior room.html"><img src="images/小图标之精致客房.png" /></a>
				<p>精致客房</p>
			</div>
			<div class="lcon-three">
				<a href="cuisine features.html"><img src="images/小图标之美食特色.png" /></a>
				<p>美食特色</p>
			</div>
			<div class="lcon-four">
				<a href="swimming pool room.html"><img src="images/小图标之房间泳池.png" /></a>
				<p>房间泳池</p>
			</div>
		</div>

		<!--//底部导航 关于我们-->
		<div id="footer">
			<div class="footer-one">
				<p class="font-one" id="联系我们">萨卡耶别墅酒店</p>
				<p class="font-two">电话：0755-2729&nbsp;6556</p>
				<p class="font-two">传真：0755-2729&nbsp;6556</p>
				<p class="font-two">技术支持：萨卡耶</p>
				<p>邮箱：EINS@LIANG.COM.CN</p>
				<p>地址：The Sakaye Luxury Villas &amp; Spa</p>
				<div class="scanning-code"></div>
			</div>
			<div class="footer-two">
				<p>Copyrighjt 2008-2020 All Rights Reserved 粤ICP备09063742号 电信与信息服务业经营许可证 </p>
			</div>
		</div>



	</body>


</html>
